 * {
	margin: 0;
	padding: 0
}
#app{
	position: relative;
	cursor: pointer;
}
.info{
	padding: 20px;
	position: fixed;
	border: #dddddd 1px solid;
	border-radius: 5px;
	box-shadow: 0px 5px 7px rgba(0,0,0,.5);
	width: 800px;
	margin: 10px auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background: #F0F0F0;
	transition: all 2s ease;
	z-index: 100;
}
.info>p{
	text-indent: 30px;
	line-height: 25px;
}
.info>.close{
	color: #FF0000;
	font-size: 20px;
	position: absolute;
	right: 2px;
	top:-2px;
	cursor: pointer;
}
#cover{ 
	position:absolute;
	left:0px;
	top:0px;
    background:rgba(0, 0, 0, 1);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:800px;
    filter:alpha(opacity=80);  /*设置透明度为60%*/
    opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
    z-Index:10;  
}

.top,.conter{
	width: 800px;
	margin:0 auto;

}
.top{
	margin: 10px auto;
}
.con>p{
	float: left;
	font-size: 30px;
}
.con button {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 10px;
	/* height: 30px; */
	border: none;
	border-radius: 5px;
	outline: none;
	font-size: 16px;
	color: white;
	background: #409EFF;
} 
.top{
	overflow: hidden;
}
ul>li{
	list-style: none;
}

 .conter ul li {
	width: 100%;
	height: 38px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #CCCCCC;
	line-height: 38px;
	padding-left: 10px;
	color:#333;


}  
.conter>ul>li.activeok{
	color:rgb(106,193,68) ;
}
.conter>ul>li.activeno{
	color: rgb(243,109,111) ;
}
.yes,.no{
	float: right;
	width: 60px;
	height: 38px;
	border:none;
	color: #fff;
	outline: none;
}
.yes{
	background-color: rgb(106,193,68);
}
.no{
	background-color: rgb(243,109,111);
}


